<template>


    <div class="m-15" v-if="useLocale.isMob">
    <mob-scene :id="live_id" :type="live_type"></mob-scene>
    </div>
    <div class="m-15" v-else>
      <scene :id="live_id" :type="live_type"></scene>
    </div>
</template>
<script lang="ts" setup>

import { ref, onMounted , watch, computed} from "vue";
import { Search, PriceTag } from "@element-plus/icons-vue";
import Scene from "./scene/Scene.vue";
import MobScene from "./scene/MobScene.vue";
import { useI18n } from "vue-i18n";
import { useLocaleStore } from "@/store/locales";
import { useRoute, useRouter } from "vue-router";
const useLocale = useLocaleStore();
const router = useRouter();
const route = useRoute();
const { t } = useI18n();
const langkey = computed(() => useLocale.locale);
document.getElementsByTagName("body")[0].className = useLocale.theme;
const live_id = ref(route.query.live_id);
const live_type = ref(route.query.live_type);
</script>

<style lang="scss" scoped></style>